<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div class="text">这是div<span>里面</span>的内容</div>
    <script>
        /*
            获取元素对象html标签的方法
            document.getElementById(id名)
            document.getElementsByTagName(标签名)   伪数组
            document.getElementsByClassName(类名)  伪数组
            document.querySelector()
            document.querySelectorAll()
            
            改变属性：
            innerText: 设置、获取标签之间的内容，包含html，html解释成代码
            innerHTML: 设置、获取标签之间的内容  纯文本
            tagName:  只获取标签名称

        */
        var div=document.querySelector(".text")
        alert(div.innerHTML);   //能标识html标签
        // alert(div.innerText);
        
        div.innerHTML='<b>加粗内容<b/>这是js添加的内容'
        // div.innerText='<b>加粗内容<b/>这是js添加的内容'
        alert(div.tagName)
    </script>
    
</body>
</html>